<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//事件类型
			  //1.UI(用户界面)事件，当用户与页面上的元素交互时触发
			  //2.焦点事件，当元素获得或失去焦点时触发
			  //3.鼠标事件，当用户通过鼠标在页面上执行操作时触发
			  //4.滚轮事件，当使用鼠标滚轮（或类似设备）时触发
			  //5.文本事件，当在文档中输入文本时触发
			  //6.键盘事件，当用户通过键盘在页面上执行操作时触发
			  //7.合成事件，当为 IME（Input Method Editor，输入法编辑器）输入字符时触发
			  //8.变动（mutation）事件，当底层 DOM 结构发生变化时触发
			  
			//13.4.1 UI事件
			   //1.load事件，当页面完全加载后（包括所有图像、JavaScript 文件、CSS文件等外部资源），就会触发 window 上面的 load 事件
//			          EventUtil.addHandler(window, "load", function(event){ 
// 						    alert("Loaded!"); 
//					  }); 
               //2.unload事件
	                  //与 load 事件对应的是 unload 事件，这个事件在文档被完全卸载后触发。
	                  //只要用户从一个页面切换到另一个页面，就会发生 unload 事件。而利用这个事件最多的情况是清除引用，以避免内存泄漏。
               //3.resize事件
                  	  //当浏览器窗口被调整到一个新的高度或宽度时，就会触发 resize 事件。
               //4.scroll事件
                      //虽然 scroll 事件是在 window 对象上发生的，但它实际表示的则是页面中相应元素的变化。
                      
            //13.4.2 焦点事件
                  //1.blur：在元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持它
                  //2.focus：在元素获得焦点时触发。这个事件不会冒泡；所有浏览器都支持它
                  //3.focusin：在元素获得焦点时触发。这个事件与 HTML 事件 focus 等价，但它冒泡。支持这个事件的浏览器有 IE5.5+、Safari 5.1+、Opera 11.5+和 Chrome。
                  //4.focusout：在元素失去焦点时触发。这个事件是 HTML 事件 blur 的通用版本。支持这个事件的浏览器有 IE5.5+、Safari 5.1+、Opera 11.5+和 Chrome。
            
            //13.4.3 鼠标与滚轮事件
                  //1.click事件
                  		//在用户单击主鼠标按钮（一般是左边的按钮）或者按下回车键时触发。
                        //这一点对确保易访问性很重要，意味着 onclick 事件处理程序既可以通过键盘也可以通过鼠标执行。
                  //2.dblclick：在用户双击主鼠标按钮（一般是左边的按钮）时触发。
                  //3.mousedown：在用户按下了任意鼠标按钮时触发。不能通过键盘触发这个事件
                  //4.mouseup：在用户释放鼠标按钮时触发。不能通过键盘触发这个事件
                  //5.mousemove：当鼠标指针在元素内部移动时重复地触发。不能通过键盘触发这个事件
                  //6.mouseover：在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触发。不能通过键盘触发这个事件。
                  //7.mouseout：在鼠标指针位于一个元素上方，然后用户将其移入另一个元素时触发。
                              //又移入的另一个元素可能位于前一个元素的外部，也可能是这个元素的子元素。不能通过键盘触发这个事件。
                  //6.mouseenter：在鼠标光标从元素外部首次移动到元素范围之内时触发。这个事件不冒泡，而且在光标移动到后代元素上不会触发。
                  //7.mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发。这个事件不冒泡，而且在光标移动到后代元素上不会触发。
               
               //1.客户区坐标位置 clientX    clientY
               //2.页面坐标位置     pageX      pageY
               //3.屏幕坐标位置     screenX    screenY
               
		</script>
	</body>
</html>
